@charset "utf-8";
/* CSS Document */

body {
    background-color: #DB8F00;
    background-repeat: repeat;
    font-family: arial, verdana, tahoma, helvetica;
    font-size: small;
}
#wrapper {
    width: 976px;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom:20px;
}
#topwrapper {
    height: 19px;
    width: 976px;
    background: url(../images/topwrapper.png) no-repeat;
}
#mainwrapper {
    width: 976px;
    background: url(../images/mainwrapper.png) repeat-y;
}
#bottomwrapper {
    margin: 0 auto;
    height: 55px;
    width: 976px;
    background: url(../images/bottomwrapper.png) no-repeat;
}
/*bagian header*/

#header {
    width: 960px;
    height: 50px;
    padding-bottom: 39px;
    background: url(../images/bgheader.jpg) bottom center repeat-x;
    margin: 0 auto;
}
#headerright {
    padding-top: 20px;
    width: 670px;
    float: right;
}
#logo {
    margin-top: 15px;
    float: left;
    width: 220px;
}
.center {
    margin : 0 auto;
    width: 900px;
}
a, a:link, a:visited {
    color:#F7A100;
    text-decoration:none;
}
a:hover {
    color:#555555;
}
a img, img {
    border:none
}
p {
    margin-bottom:12px;
    color:#666666;
    font-size: 12px;
    line-height: 21px;
}
blockquote {
    margin: 0 0 10px 0;
    color: #8a8a8a;
    background: url(../images/quote.png) top left no-repeat;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.4em;
    font-size: 14px;
}
blockquote p {
    line-height: 1.4em;
    font-size: 14px;
}
code {
    background: #fafafa;
    padding: 5px 10px;
    display: block;
    font-size: 12px;
    color: #858585;
    margin-bottom: 10px;
    border: 1px dotted #eaeaea;
    clear: both;
}
pre {
    clear: both;
    font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace;
    background: url(../images/pre_bg.gif) repeat;
    border: 1px solid #d3d3d3;
    padding: 18px 20px 15px 20px;
    line-height: 19px;
    overflow:auto;
    overflow-Y: hidden;
    color: #555;
    margin: 0 0 20px 0;
}
ol {
    margin: 20px 0 20px 25px;
    list-style-type: decimal;
}
ol li {
    font-size: 12px;
    margin: 5px 0;
    padding-bottom: 5px;
    color: #666666;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    color:#454545;
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
    font-size:20px;
    line-height:20px;
    margin-bottom:10px;
}
h2 {
    font-size:18px;
    line-height:18px;
    margin-bottom:10px;
}
h3 {
    font-size:15px;
    margin-bottom:9px;
}
h4 {
    font-size:18px;
    line-height:16px;
    margin-bottom:12px;
}
h5 {
    font-size:12px;
    margin-bottom: 8px;
    padding:0px;
}
h6 {
    font-size:11px;
    margin-bottom: 11px;
    padding:0px;
    letter-spacing: 1px;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/*menu bagian atas */
#mainmenu ul {
    background:none;
}
#mainmenu ul li {
    background:none;
}

#mainmenu ul li ul{
    background:#ffffff;
}

#mainmenu ul li a {
    background:none;
    color:#C60;
}
#mainmenu ul li a:hover {
    background:none;
    color:#F60;
}
#mainmenu ul li a:visited {
    color:#C60;
}
/*head*/

#page-heading {
    margin: 0 auto;
    width: 960px;
    height: 96px;
    border-top: 4px solid #F7A100;
    border-bottom: 2px solid #F7A100;
    background: #CF8600;
}
#page-heading img {
    position: absolute;
}
.heading-text {
    padding: 15px 20px;
    width: 360px;
    position: relative;
    left: 0;
    top: 10px;
    background-color: transparent;
    /*background-image: url(../images/transparent.png);*/
    background-repeat:  repeat;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.heading-text-right {
    padding: 15px 20px;
    width: 260px;
    position: relative;
    right: 0;
    top: 30px;
    /*background: url(../images/transparent.png) repeat;*/
    float: right;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.heading-text h3, .heading-text-right h3 {
    color: #ffffff;
    margin-bottom: 10px;
}
.heading-text-right h3 {
    text-align: right;
}
.heading-text p, .heading-text-right p {
    color: #dadada;
    margin-bottom: 0;
    line-height: 16px;
}
.heading-text-right p {
    text-align: right;
}

#sidebar,
.sidebar {
    width:  241px;
    float: right;
    margin: 30px 0 0 20px;
}
#sidebar-left,
.sidebar-left {
    width:  241px;
    float: left;
    margin: 30px 20px 0 0;
}
.sidebar,
.sidebar-left {
    margin: 0 0 25px 0;
}
.sidebar p {
    margin-bottom: 5px;
}
.sidebartop {
    width:  241px;
    height: 11px;
    background: url(../images/sidebartop.png) top no-repeat;
}
.sidebarmain {
    width:  241px;
    background: url(../images/sidebarmain.png) center center repeat-y;
}
.sidebarbottom {
    width:  241px;
    height: 13px;
    background: url(../images/sidebarbottom.png) bottom no-repeat;
}
.sidebarcontent {
    padding: 5px 25px 5px 25px;
}
.sidebarcontent h4 {
    margin-bottom: 5px;
}
.sidebarheading {
    padding-bottom: 20px;
    background: url(../images/bgheading.png) bottom center no-repeat;
}
.nospace {
    margin-bottom: 0;
}


/*main content */

.maincontent {
    padding: 20px 0 0 0;
    width: 630px;
    float: left;
}
.maincontent-right {
    padding: 20px 0 0 0;
    width: 630px;
    float: right;
}
.maincontent-full {
    padding: 25px 0;
    width: 100%;
}
.mainbox {
    float: left;
    width: 300px;
    margin-right: 20px;
    margin-bottom: 5px;
}
.mainbox img { 
}
.mainbox h4,
.mainbox2 h4 {
    color: #F7A100;
    margin-bottom: 10px;
}
.mainbox h4 a,
.mainbox2 h4 a {
    color: #F7A100;
}
.mainbox p, 
.mainbox2 p {
    margin-bottom: 5px;
}
.mainbox2 {
    float: left;
    width: 198px;
    margin-right: 18px;
    margin-bottom: 5px;
}
.mainbox2 img { 
}
.box-last {
    float: right;
    margin-right: 0;
}
.boximg {
    margin-top: 5px;
    background: url(../images/bgboximg.png) center no-repeat;
    width: 97px;
    height: 99px;
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
}
.boximg2 {
    margin-top: 5px;
    background: url(../images/bgboximg2.png) center no-repeat;
    width: 193px;
    height: 95px;
    margin-bottom: 5px;
}
.boximg-pad {
    padding: 6px;
}
.boximg-pad2 {
    padding: 8px 7px;
}
.spacer {
    clear: both;
    display: block;
    padding-bottom: 10px;
}



/*sub menu*/

.operationsx
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operationsx li
{
    padding-bottom: 0px;

}

.operationsx li a
{
    font: 12px Arial;
    font-weight: 500;
    color: #0e509e;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
    float: right;

}


.operationsx li ul li a
{
    background-color: #ffffff;
    color: #0e509e;
    text-decoration: none;
    font-weight: 100;
    float: right;
    /*    font: 12px Arial;
        display: block;
        padding: 2px 0 2px 8px;
        line-height: 15px;
        text-decoration: none;
        color: #C6D880;
        background-color: #ffffff;*/

}

.operationsx li a:visited
{
    /*    color: #FFF;*/
}

.operationsx li a:hover
{
    /*    background: #80CFFF;*/
    text-decoration: underline;
    color: red;
}

#operationsxMenu{
    width: 100%;
    height: 20px;
    float: right;

}

.portlet
{

}

.portlet-decoration
{
    /*    padding: 3px 8px;
        background: #B7D6E7;
        border-left: 5px solid #6FACCF;*/
}

.portlet-title
{
    display: none;
    /*    font-size: 12px;
        font-weight: bold;
        padding: 10;
        margin: 0;
        color: #298dcd;
        background-color: #C6D880;*/
}

.portlet-content
{
    /*    font-size:0.9em;
        margin: 0 0 15px 0;
        padding: 5px 8px;*/
}

.portlet-content ul
{
    /*    list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin: 0;
        padding: 0;*/
}

.portlet-content li
{
    /*    padding: 2px 0 4px 0px;*/
}



#slide-wrapper {
    padding: 0;
    margin: 0 auto;
    width: 960px;
    height: 344px;
    /*  border-top: 4px solid #F7A100;*/
    /*  border-bottom: 2px solid #F7A100;*/
}
.static-block {
    float: left;
    width: 620px;
    height: 345px;
}
.static-text {
    padding: 20px;
    float: left;
    width: 300px;
    height: 305px;
    background: #DB8F00 url(../images/pattern/grunge.png) repeat;
}
.static-text h3 {
    color: #ffffff;
}
.static-text p {
    color: #ffffff;
}